
 <!-- 这是最外层的根实例, <router-view />专门显示和我们的url对应的页面 -->
<template>

  <div id="app">
    <!-- 只要有这个页面就能显示,其他的不重要,要以删除 -->
       <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view> 
    </keep-alive>
    <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>

</template>

<style lang="less">
//重置公共样式 放到 App.vue 最外层的父组件作为全局样式
* {
  margin: 0;
  padding: 0;
  box-sizing:border-box
}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a {
  color: inherit;
}

a:hover {
  text-decoration: none;
}

ul,
li,
ol {
  list-style: none;
}
</style>
  